<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <title>Title</title>
    <style>
        *{
            cursor: pointer;
        }
        .aa{
            color: #885F40;
            padding: 0 15px;
            font-size: 14px;
        }
        .bb{
            color: #ED6D38;
            font-size: 12px;
            text-decoration: none;
        }
        .bb:hover{
            text-decoration: underline;

        }
        .cc{
            height: 100%;
            width: 100%;
            z-index: 3;
            position: static;

        }



    </style>
</head>
<body>
<div id="#app">
    <el-header>
        <div style="width: 1100px;height: 80px;background-color: white;margin:0 auto;padding-top: 23px;">
            <img style="vertical-align: middle;width: 134px;height: 34px;" src="images/redbage/logo.png">
            <el-menu style="padding: 20px">
            <el-menu-item class="aa">首页</el-menu-item>
            <el-menu-item class="aa">蛋糕</el-menu-item>
            <el-menu-item class="aa">面包</el-menu-item>
            <el-menu-item class="aa">套餐</el-menu-item>
            <el-menu-item class="aa">鲜花</el-menu-item>
            <el-menu-item class="aa">甜品下午茶</el-menu-item>
            <el-menu-item class="aa">周边</el-menu-item>
            <el-menu-item class="aa">企业专区</el-menu-item>
            <el-menu-item class="aa">品牌故事</el-menu-item>
            </el-menu>

            <img src="images/redbage/location_icon.png">
                <el-button type="text" slot="append">
                    <span  style="color:#ED6D38;font-size: 14px">深圳</span>
                </el-button>
            <img src="images/redbage/location_after.png" style="vertical-align: middle">

            <div style="float: right">
                <img style="width: 18px;height: 20px;" src="images/redbage/personal_icon.png">
                <a class="bb" href="">[会员中心]</a>
                <a class="bb" href="">[登录]</a>
                <a class="bb" href="">[注册]</a>
                <img style="width: 20px;height: 20px;" src="images/redbage/cart_icon.png">
                <div style="width: 195px;"></div>
            </div>



        </div>

    </el-header>
    <div style="background: url('images/redbage/fix_bg.jpg') center center no-repeat;background-attachment: fixed;background-color: #fff">
    <el-main >
        <div class="bj" >
        <img class="cc" src="images/redbage/images01.png">
        <img class="cc" src="images/redbage/image02.png">
        <img class="cc" src="images/redbage/image03.png">
        </div>
    </el-main>


    </div>
</div>
</body>
<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
    let v = new vue({
        el:'#app',
        data: function (){
            return{
                arr:[{title:"蛋糕"},
                    {title:"面包"},
                    {title:"套餐"},
                    {title:"鲜花"},
                    {title:"甜品下午茶"},
                    {title:"周边"},
                    {title:"企业专区"},
                    {title:"品牌故事"}]
            }

        },
        methods:{
            
        }

    })
</script>

</html>